<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>My First Parcel App</title>
    <link rel="stylesheet" href="index.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <script type="module" src="./index.js"></script>
    <h1>Hello, Go Calc!</h1>
    <div>
        <div class="input_number_box">
            <input class="ipt" type="number" placeholder="如：地天泰4爻动--814">
        </div>
        <div class="show_table_box">
            <table class="mytable" border>
                <thead>
                    <tr>
                        <td colspan="5">策数</td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>万</td>
                        <td>元</td>
                        <td>会</td>
                        <td>运</td>
                        <td>世</td>
                    </tr>
                    <tr class="num_row">
                        <td class="num_td_c">-</td>
                        <td class="num_td_c">-</td>
                        <td class="num_td_c">-</td>
                        <td class="num_td_c">-</td>
                        <td class="num_td_c">-</td>
                    </tr>
                    <tr class="trigram_row">
                        <td class="trigram_td_c">-</td>
                        <td class="trigram_td_c">-</td>
                        <td class="trigram_td_c">-</td>
                        <td class="trigram_td_c">-</td>
                        <td class="trigram_td_c">-</td>
                    </tr>
                    <tr class="wuxing_row">
                        <td class="wuxing_td_c">-</td>
                        <td class="wuxing_td_c">-</td>
                        <td class="wuxing_td_c">-</td>
                        <td class="wuxing_td_c">-</td>
                        <td class="wuxing_td_c">-</td>
                    </tr>
                </tbody>
                <tfoot></tfoot>
            </table>
            <table class="mytable" border>
                <thead>
                    <tr>
                        <td colspan="5">轨数</td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>万</td>
                        <td>元</td>
                        <td>会</td>
                        <td>运</td>
                        <td>世</td>
                    </tr>
                    <tr class="num_row">
                        <td class="num_td_g">-</td>
                        <td class="num_td_g">-</td>
                        <td class="num_td_g">-</td>
                        <td class="num_td_g">-</td>
                        <td class="num_td_g">-</td>
                    </tr>
                    <tr class="trigram_row">
                        <td class="trigram_td_g">-</td>
                        <td class="trigram_td_g">-</td>
                        <td class="trigram_td_g">-</td>
                        <td class="trigram_td_g">-</td>
                        <td class="trigram_td_g">-</td>
                    </tr>
                    <tr class="wuxing_row">
                        <td class="wuxing_td_g">-</td>
                        <td class="wuxing_td_g">-</td>
                        <td class="wuxing_td_g">-</td>
                        <td class="wuxing_td_g">-</td>
                        <td class="wuxing_td_g">-</td>
                    </tr>
                </tbody>
                <tfoot></tfoot>
            </table>
        </div>
    </div>
  </body>
</html>